<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>国内折扣详情页</title>
  <link rel="stylesheet" href="./lib/mui/css/mui.css">
  <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css">
  <link rel="stylesheet" href="./css/zyp_mCP.css">
</head>

<body>
  <!-- 头部内容 -->
  <header id="header" class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">国内折扣</h1>
    <a href="javascript:;" class="download mui-pull-right">
      <img src="http://www.ak48.xyz:9090/images/header_app.png" alt="" srcset="">
    </a>
  </header>
  <!-- 主要内容部分 -->
  <div class="zyp_main">
    <div class="item">
      <!-- 这里使用模板引擎渲染 -->
    </div>
    <div class="comment">
      <!-- 这里使用js动态生成 -->
    </div>
  </div>
  <!-- 底部内容部分 -->
  @@include("YSY_footer.html")
  <!-- 这里是模板引擎 -->
  <script type='text/html' id='nameTemp'>
    <div class="goods_text">{{data.productName}}</div>
    <div class="goods_price">{{data.productPinkage}}</div>
    <ul class="goods_info">
      <li>{{data.productFrom}}</li>
      <li>{{data.productTime}}</li>
      <li>{{data.productTips}}</li>
    </ul>
    <div class="goods_sm_img">
    </div>
    <div class="goods_intro">
      {{data.productInfo}}
    </div>
    <div class="goods_bg_img">
    </div>
    <div class="goods_city">
    </div>
    <button type="button" class="gobuy mui-btn">前往购买</button>
  </script>
</body>
<script src="./lib/mui/js/mui.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/common.js"></script>
<script src="./js/zyp_mCP.js"></script>

</html>